<template>
  <div>
      <button @click="isShow = !isShow">显示/隐藏</button>
      <transition-group 
        appear
        name="animate__animated animate__bounce" 
        enter-active-class="animate__swing"
        leave-active-class="animate__backInDown"
      >
          <h5 v-show="isShow" :key="1">hello</h5>
          <h5 v-show="isShow" :key="2">hello</h5>
      </transition-group>
      
  </div>
</template>

<script>
    import 'animate.css'

    export default {
        name:'Test',
        data() {
            return {
                isShow:true
            }
        },
    }
</script>

<style scoped>
    h5 {
        background-color: orangered;
    }

    
</style>